@charset "utf-8";

@media (max-width:1200px) {
  body{min-width:320px; overflow-x: auto;}
  .container{width:auto; margin-left: 20px; margin-right: 20px;}
  .header-ban{background: #1e80be;}
  .header-logo{margin-bottom: 20px;}
  .header-logo img{margin: 0 auto;}
  .header-search{position: relative; bottom: auto; padding: 0 70px 0 0; height: 48px; border: #3279d6 1px solid; background: #fff; border-radius: 24px; max-width: 800px; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
  .header-search .searchBtn{ position: absolute; right: 0; top: 0; bottom: 0; width: 60px; height: auto; background: url(../global/header_icon_search.png) no-repeat center center; font-size: 0; margin-left: 0;}
  .header-search .searchTxt{background: none; height: 48px; width: 100%; padding: 0;}
  .header-ban .container{height: auto; padding-bottom: 40px;}
  .mainnav li{width: 16.66666667%; padding-right: 0; position: relative; text-align: center;}
  .mainnav li + li:before,
  .mainnav li + li:after{content: ''; position: absolute; top: 33%; bottom: 33%; width: 1px;}
  .mainnav li + li:before{ background: #fff; opacity: .15; left: 1px;}
  .mainnav li + li:after{opacity: .2; background: #000; left: 0;}
  
}

@media (max-width: 1080px) {
  .common-row{margin:0 !important;}
  .common-row .grid{padding:0 !important;}
  .common-row>*{float: none; width: auto !important;}
  .common-row{margin-top: 0; margin-bottom: 0;}
  .wrap{background: #fff; padding-bottom: 0;}
  .container > .mainBox{padding: 20px 0 0;}

  .header-toolbar .weixin,
  .header-toolbar #wza,
  .header .date{display: none;}

  .mainnav .container{margin-left: 0; margin-right: 0;}
  
  
}

@media (max-width:1024px) {
  .container{margin-right: 15px; margin-left: 15px;}
}

@media (max-width:992px) {

}

@media (max-width: 860px) {
  .mainnav, .mainnav li a{height: auto;}
  .mainnav li a{padding: 5px 0 10px;}
  .mainnav li a:before{display: block; margin: 0 auto;}
  .mainnav li a span{display: block; line-height: 24px; text-align: center;}
  
  

}

/* xs mobile*/
@media (max-width: 768px) {
  .header-logo .pc{display: none;}
  .header-logo .m{display: block;}

  .newsList.twoCol li{width: 100%;}

  .tab-brief.res > .hd ul li{margin:0 10px 10px 0 !important; padding:0 12px !important; font-size: 1.125em; line-height:40px; background-color:#f1f1f1; border-bottom:none;}
  .tab-brief.res > .hd ul li.on{color:#fff; background-color:#257de1;}
  .tab-brief.res > .hd ul li.on a{color:#fff;}
  .tab-brief.res > .hd li:after{display: none;}
  .tab-brief.res .bd > .item > .newsList{margin-top: 0;}
  .tab-brief > .hd .more,
  .tab-card > .hd .more{display: none;}
  .m-common-more{display:block;}
}

@media (max-width:680px) {
  
}

@media (max-width:640px) {
  .mainnav{padding: 10px 0;}
  .mainnav li + li:after,
  .mainnav li + li:before{top: 25%; bottom: 25%;}
  .mainnav li a:before{display: none;}
  .mainnav li{width: 33.3333%;}
  .mainnav li a{padding: 5px 0;}

  .header-toolbar .email,
  .header-toolbar .wzjy,
  .header-toolbar .map{background: none; padding-left: 0;}

  .alert-warning{top: 5%; right: 0; left: 0; width: 96%; margin-top: 0; margin-right: auto; margin-left: auto; height: auto;}
  .alert-wzsm{width: 90%; height: auto; margin: 15px auto 0; font-size:1.25em; line-height: 1.6em;}


}

@media (max-width: 480px) {
  .header-search, .header-search .searchTxt{height: 42px;}
  
}


@media (max-width: 450px) {
  .newsList.res li h4{padding-right:0 !important;}
  .newsList.res li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .newsList.res li h4 .time{position:static !important;}
  .newsList.res.dot li h4:before{top: 13px; margin-top: 0;}
  .newsList.res.dot.f15 li h4:before{top: 16px;}
  .newsList.res.line.dot li h4:before{top: 25px; margin-top: 0;}
  .newsList.res.line.dot li h4{padding-top: 14px; padding-bottom: 14px;}

}


@media (max-width: 320px){
}